<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AgentScope Studio</title>

    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/font.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/base.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/index.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/server.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css_third_party/tabulator.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css_third_party/highlight.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css_third_party/katex.min.css') }}">
    <script src="{{ url_for('static', filename='js_third_party/tabulator.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js_third_party/highlight.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js_third_party/katex.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js_third_party/marked.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js_third_party/marked-katex-extension.umd.js') }}"></script>
    <script src="{{ url_for('static', filename='js_third_party/socket.io.js') }}"></script>
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard-runs.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard-detail.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard-detail-dialogue.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard-detail-code.css') }}">
    <link rel="stylesheet" type="text/css"
          href="{{ url_for('static', filename='css/dashboard-detail-invocation.css') }}">
    <link rel="stylesheet"
          href="{{ url_for('static', filename='css_third_party/clusterize.css') }}">
    <script src="{{ url_for('static', filename='js_third_party/clusterize.min.js') }}"></script>

    <script src="{{ url_for('static', filename='js_third_party/monaco-editor.loader.js') }}"></script>
</head>
<body>

<!--Navigation bar-->
<div id="navigation-bar">
    <div id="navigation-bar-logo">
        A<span class="navigation-bar-logo-text">gentScope </span>S<span
            class="navigation-bar-logo-text">tudio</span>
    </div>
    <div class="navigation-bar-items">
        <div id="dashboard-tab-btn"
             class="navigation-bar-item unselectable-text"
             onclick="loadTabPage('static/html/dashboard.html', 'static/js/dashboard.js');return false;">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1024 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M512 1024a512 512 0 1 1 512-512 512.576 512.576 0 0 1-512 512z m32-958.368V128a32 32 0 0 1-64 0V65.632a445.536 445.536 0 0 0-260.928 108.192l27.552 27.552a32 32 0 1 1-45.248 45.248l-27.552-27.552A445.536 445.536 0 0 0 65.632 480H128a32 32 0 0 1 0 64H65.632a445.664 445.664 0 0 0 98.752 250.08 31.072 31.072 0 0 1 8.224-16.672l28.8-28.8a32 32 0 1 1 45.248 45.248l-28.8 28.8a31.392 31.392 0 0 1-19.424 8.736 446.688 446.688 0 0 0 627.744-0.544 30.976 30.976 0 0 1-16.736-8.224l-28.8-28.8a32 32 0 1 1 45.248-45.248l28.8 28.8a30.976 30.976 0 0 1 7.52 13.216A445.28 445.28 0 0 0 958.368 544H896a32 32 0 0 1 0-64h62.368A448 448 0 0 0 544 65.632z m56.608 434.88a23.136 23.136 0 0 1-2.464 1.888 96.896 96.896 0 1 1-45.088-44.8l158.368-190.048a32 32 0 0 1 49.184 40.992zM544 512h-64v64h64v-64z"></path>
            </svg>
            <span class="navigation-bar-item-label">Dashboard</span>
        </div>
        <div id="workstation-tab-btn"
             class="navigation-bar-item unselectable-text"
             onclick="loadTabPage('static/html/workstation_iframe.html', 'static/js/workstation_iframe.js');return false;">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1024 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M981.333333 810.666667H554.666667v170.666666h256v42.666667H213.333333v-42.666667h256v-170.666666H42.666667c-35.328 0-42.666667-7.338667-42.666667-42.666667V42.666667c0-35.328 7.338667-42.666667 42.666667-42.666667h938.666666c35.328 0 42.666667 7.338667 42.666667 42.666667v725.333333c0 35.328-7.338667 42.666667-42.666667 42.666667z m0-725.333334c0-35.328-7.338667-42.666667-42.666666-42.666666H85.333333c-35.370667 0-42.666667 7.338667-42.666666 42.666666v597.333334c0 35.370667 7.296 42.666667 42.666666 42.666666h853.333334c35.328 0 42.666667-7.296 42.666666-42.666666V85.333333z m-341.333333 384V341.333333h85.333333v213.333334h-85.333333v-85.333334z m-170.666667 0V128h85.333334v426.666667h-85.333334v-85.333334z m-170.666666 0V298.666667h85.333333v256H298.666667v-85.333334z"></path>
            </svg>
            <span class="navigation-bar-item-label">Workstation</span>
        </div>
        <div id="market-tab-btn"
             class="navigation-bar-item unselectable-text"
             onclick="loadTabPage('static/html/market.html', null);return false;">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1024 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M928 1024h-288a96 96 0 0 1-96-96v-288a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32h-288a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32v-288z m-32-160h-288a96 96 0 0 1-96-96V96a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32h-288a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32V96zM384 1024H96a96 96 0 0 1-96-96v-288a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32v-288z m-32-160H96a96 96 0 0 1-96-96V96a96 96 0 0 1 96-96h288a96 96 0 0 1 96 96v288a96 96 0 0 1-96 96z m32-384a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v288a32 32 0 0 0 32 32h288a32 32 0 0 0 32-32V96z"></path>
            </svg>
            <span class="navigation-bar-item-label">Gallery</span>
        </div>
        <div id="server-tab-btn"
             class="navigation-bar-item unselectable-text"
             onclick="loadTabPage('static/html/server.html', 'static/js/server.js');return false;">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1424 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M1242.261914 1023.997329l-886.826208-1.023998A127.242798 127.242798 0 0 1 338.472968 1023.997329 340.011635 340.011635 0 0 1 0.108633 675.393021 348.737873 348.737873 0 0 1 276.765998 333.912172a343.217192 343.217192 0 0 1 680.958224-51.155344 193.580017 193.580017 0 0 1 31.165136-2.493211 207.337198 207.337198 0 0 1 205.689898 208.539282 198.967133 198.967133 0 0 1-1.6473 25.688976 255.331508 255.331508 0 0 1 59.926105 495.614707v-0.311651z m-40.06946-90.200808a198.87809 198.87809 0 0 0 133.564869-164.997135 164.730005 164.730005 0 0 0-195.360882-161.613492l-48.395004-64.912526a117.358998 117.358998 0 0 0-103.201122-171.897986 114.865787 114.865787 0 0 0-50.264913 12.065359l-63.665921-39.713287a254.708205 254.708205 0 1 0-509.371888 5.876854c0 6.989895 0.534259 13.935268 1.068519 20.880641l-41.182501 48.528569A257.646632 257.646632 0 0 0 89.151879 675.393021a251.324562 251.324562 0 0 0 249.321089 258.225413H1202.192454z"></path>
            </svg>
            <span class="navigation-bar-item-label">Server Manager</span>
        </div>

        <div class="navigation-bar-hr"></div>

        <a class="navigation-bar-item unselectable-text"
           href="https://modelscope.github.io/agentscope/">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1092 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M1066.270484 885.701386l-511.662474 137.125543a34.110832 34.110832 0 0 1-17.66941 0l-511.662474-137.125543A34.110832 34.110832 0 0 1 0 852.750322v-818.659957A34.110832 34.110832 0 0 1 42.945537 1.139302L545.773305 135.877086 1048.601073 1.139302A34.110832 34.110832 0 0 1 1091.54661 34.090365v818.659957a34.110832 34.110832 0 0 1-25.276126 32.951064zM511.662473 197.378916L68.221663 78.536779v748.016425l443.44081 118.808026V197.378916z m511.662474-118.808027L579.884136 197.378916v748.016425l443.440811-118.808026V78.536779zM673.381926 340.473854l238.775821-63.99192a34.110832 34.110832 0 1 1 17.66941 65.902127l-238.775821 63.99192a34.110832 34.110832 0 1 1-17.66941-65.902127z m0 170.554158l238.775821-63.99192a34.110832 34.110832 0 0 1 17.66941 65.902126l-238.775821 63.99192a34.110832 34.110832 0 0 1-17.66941-65.902126z m0 170.554158l238.775821-63.99192a34.110832 34.110832 0 0 1 17.66941 65.902126l-238.775821 63.99192a34.110832 34.110832 0 1 1-17.66941-65.902126zM179.388863 276.584267l238.775821 63.99192a34.110832 34.110832 0 1 1-17.669411 65.868015l-238.775821-63.99192A34.110832 34.110832 0 1 1 179.388863 276.584267z m0 170.554157l238.775821 63.99192a34.110832 34.110832 0 1 1-17.669411 65.902127l-238.775821-63.99192a34.110832 34.110832 0 0 1 17.669411-65.902127z m0 170.554158l238.775821 63.99192a34.110832 34.110832 0 1 1-17.669411 65.902127l-238.775821-63.99192a34.110832 34.110832 0 0 1 17.669411-65.902127z"></path>
            </svg>
            <span class="navigation-bar-item-label">Tutorial</span>
        </a>
        <a class="navigation-bar-item unselectable-text"
           href="https://modelscope.github.io/agentscope/">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1057 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M924.903226 1024H132.129032a132.129032 132.129032 0 0 1-132.129032-132.129032V132.129032a132.129032 132.129032 0 0 1 132.129032-132.129032h792.774194a132.129032 132.129032 0 0 1 132.129032 132.129032v759.741936a132.129032 132.129032 0 0 1-132.129032 132.129032z m66.064516-891.870968a66.064516 66.064516 0 0 0-66.064516-66.064516H132.129032a66.064516 66.064516 0 0 0-66.064516 66.064516v759.741936a66.064516 66.064516 0 0 0 66.064516 66.064516h792.774194a66.064516 66.064516 0 0 0 66.064516-66.064516V132.129032z m-132.129032 660.645162H297.290323a33.032258 33.032258 0 0 1 0-66.064517h561.548387a33.032258 33.032258 0 0 1 0 66.064517z m0-165.161291H297.290323a33.032258 33.032258 0 0 1 0-66.064516h561.548387a33.032258 33.032258 0 0 1 0 66.064516z m0-165.16129H297.290323a33.032258 33.032258 0 0 1 0-66.064516h561.548387a33.032258 33.032258 0 0 1 0 66.064516z m0-165.16129H297.290323a33.032258 33.032258 0 0 1 0-66.064517h561.548387a33.032258 33.032258 0 0 1 0 66.064517zM165.16129 726.709677h66.064516v66.064517H165.16129v-66.064517z m0-165.16129h66.064516v66.064516H165.16129v-66.064516z m0-165.16129h66.064516v66.064516H165.16129v-66.064516z m0-165.161291h66.064516v66.064517H165.16129V231.225806z"></path>
            </svg>
            <span class="navigation-bar-item-label">API Document</span>
        </a>

        <div class="navigation-bar-hr"></div>

        <a id="discord-tab-btn" class="navigation-bar-item unselectable-text"
           href="https://discord.gg/eYMpfnkG8h">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1280 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M1049.062 139.672a3 3 0 0 0-1.528-1.4A970.13 970.13 0 0 0 808.162 64.06a3.632 3.632 0 0 0-3.846 1.82 674.922 674.922 0 0 0-29.8 61.2 895.696 895.696 0 0 0-268.852 0 619.082 619.082 0 0 0-30.27-61.2 3.78 3.78 0 0 0-3.848-1.82 967.378 967.378 0 0 0-239.376 74.214 3.424 3.424 0 0 0-1.576 1.352C78.136 367.302 36.372 589.38 56.86 808.708a4.032 4.032 0 0 0 1.53 2.75 975.332 975.332 0 0 0 293.65 148.378 3.8 3.8 0 0 0 4.126-1.352A696.4 696.4 0 0 0 416.24 860.8a3.72 3.72 0 0 0-2.038-5.176 642.346 642.346 0 0 1-91.736-43.706 3.77 3.77 0 0 1-0.37-6.252 502.094 502.094 0 0 0 18.218-14.274 3.638 3.638 0 0 1 3.8-0.512c192.458 87.834 400.82 87.834 591 0a3.624 3.624 0 0 1 3.848 0.466 469.066 469.066 0 0 0 18.264 14.32 3.768 3.768 0 0 1-0.324 6.252 602.814 602.814 0 0 1-91.78 43.66 3.75 3.75 0 0 0-2 5.222 782.11 782.11 0 0 0 60.028 97.63 3.728 3.728 0 0 0 4.126 1.4A972.096 972.096 0 0 0 1221.4 811.458a3.764 3.764 0 0 0 1.53-2.704c24.528-253.566-41.064-473.824-173.868-669.082zM444.982 675.16c-57.944 0-105.688-53.174-105.688-118.478s46.818-118.482 105.688-118.482c59.33 0 106.612 53.64 105.686 118.478 0 65.308-46.82 118.482-105.686 118.482z m390.76 0c-57.942 0-105.686-53.174-105.686-118.478s46.818-118.482 105.686-118.482c59.334 0 106.614 53.64 105.688 118.478 0 65.308-46.354 118.482-105.688 118.482z">
                </path>
            </svg>
            <span class="navigation-bar-item-label">Discord</span>
        </a>
        <a id="ding-tab-btn" class="navigation-bar-item unselectable-text"
           href="https://qr.dingtalk.com/action/joingroup?code=v1,k1,eENWB2Lr4ic2vWjKDsjvI65YxceIsyuDcbfrNF+5+YA=&_dt_no_comment=1&origin=1">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1024 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M879.36 393.813a174.933 174.933 0 0 1-11.307 29.014v1.28c-32.853 70.186-118.4 208-118.4 208l-24.96 42.666h120.534l-231.04 306.56 52.266-208.64H571.52l32.853-138.026c-26.666 6.4-58.24 15.36-95.573 27.306 0 0-50.56 29.654-145.493-56.96 0 0-64-56.533-26.88-70.613a1098.24 1098.24 0 0 1 124.586-20.053c64-8.747 104.534-13.44 104.534-13.44s-199.68 2.986-247.04-4.48-106.667-86.614-120.32-156.16c0 0-19.84-38.187 42.666-20.054s320 70.4 320 70.4-335.786-103.04-357.973-128S137.813 124.8 143.36 56.107a15.147 15.147 0 0 1 20.053-13.44S411.52 156.16 581.333 218.453s317.227 94.72 298.027 175.36z">
                </path>
            </svg>
            <span class="navigation-bar-item-label">DingDing</span>
        </a>
        <a id="github-tab-btn" class="navigation-bar-item unselectable-text"
           href="https://github.com/modelscope/agentscope">
            <svg class="navigation-bar-item-icon" viewBox="0 0 1024 1024"
                 xmlns="http://www.w3.org/2000/svg">
                <path d="M955.312104 267.524842c-45.784147-78.445747-107.88742-140.551355-186.326162-186.330832-78.450417-45.781812-164.094886-68.666881-256.994114-68.666881-92.887554 0-178.560042 22.892074-256.994115 68.666881-78.445747 45.777142-140.546685 107.885085-186.330832 186.330832C22.889739 345.968254 0 431.629068 0 524.504947c0 111.565002 32.549521 211.88711 97.664909 300.992008 65.108382 89.111903 149.218774 150.773866 252.324169 184.992892 12.00176 2.227564 20.886332 0.660797 26.663054-4.660606 5.779058-5.328408 8.665084-12.00176 8.665085-19.992037 0-1.333269-0.114414-13.328025-0.336237-35.998276a5953.737074 5953.737074 0 0 1-0.336236-59.32232l-15.333766 2.652529c-9.776531 1.790924-22.109858 2.54979-36.99998 2.334973-14.883117-0.207813-30.333632-1.767574-46.330531-4.667611-16.003904-2.874352-30.889356-9.540699-44.66803-19.985032-13.77167-10.444333-23.548201-24.115599-29.327259-40.992783l-6.666347-15.340772c-4.443453-10.213171-11.439032-21.558804-20.996076-33.994869-9.557044-12.44774-19.221496-20.886332-28.998027-25.329785l-4.667611-3.341346c-3.110184-2.220559-5.99621-4.898773-8.665084-8.006622-2.666539-3.107849-4.662941-6.218033-5.99621-9.332887-1.335604-3.117189-0.228827-5.673984 3.332006-7.679725 3.560834-2.005742 9.996019-2.979425 19.333575-2.979426l13.328025 1.991732c8.889242 1.781584 19.884629 7.102987 33.000171 15.996899 13.108537 8.886907 23.884437 20.440352 32.330034 34.655667 10.227181 18.226798 22.548833 32.115216 36.999979 41.67226 14.439472 9.557044 28.998028 14.327393 43.661657 14.327393 14.663629 0 27.328522-1.111447 37.999348-3.322666 10.659151-2.222894 20.65984-5.56424 29.997396-10.005359 3.999808-29.789583 14.890122-52.674652 32.6616-68.671551-25.329785-2.661869-48.102775-6.671017-68.330645-12.00176-20.216195-5.337748-41.107197-14.000497-62.658996-26.011597-21.563474-11.994755-39.451701-26.889547-53.669351-44.658691-14.219985-17.778483-25.890179-41.118872-34.994237-70.00015-9.108729-28.892954-13.664261-62.222356-13.664261-99.997547 0-53.786099 17.558996-99.556237 52.669982-137.336097-16.447549-40.437059-14.894792-85.768222 4.662941-135.988817 12.88905-4.004478 32.003138-0.999368 57.332922 8.99665 25.334455 10.000689 43.883479 18.567704 55.665753 25.670691 11.782273 7.100652 21.222568 13.117877 28.334895 17.997971 41.340694-11.551111 84.002983-17.327833 127.998541-17.327833s86.667187 5.776723 128.010215 17.327833l25.33212-15.992229c17.323163-10.670826 37.77986-20.449692 61.321057-29.338934 23.555206-8.884572 41.567186-11.331623 54.017261-7.327144 19.992037 50.222931 21.773622 95.551758 5.321403 135.988817 35.108651 37.77986 52.674652 83.561673 52.674653 137.336097 0 37.77519-4.571877 71.209666-13.666596 100.324443-9.106394 29.119446-20.876992 52.436485-35.316465 70.00015-14.455817 17.561331-32.458457 32.339374-54.010256 44.331795-21.556469 12.00176-42.454476 20.66451-62.670671 26.002257-20.225535 5.337748-42.998525 9.349231-68.32831 12.01577 23.102221 19.992037 34.655667 51.549195 34.655667 94.657464v140.651758c0 7.990277 2.778618 14.661294 8.340523 19.992038 5.5549 5.321403 14.327393 6.88817 26.329154 4.65827 103.119405-34.214357 187.229796-95.878654 252.335843-184.990557 65.099043-89.104898 97.660239-189.427006 97.660239-300.992008-0.02335-92.864204-22.924763-178.518013-68.680891-256.961425z">
                </path>
            </svg>
            <span class="navigation-bar-item-label">GitHub</span>
        </a>
    </div>
</div>

<!--Main content-->
<div id="content">
</div>

<script src="{{ url_for('static', filename='js/index.js') }}"></script>

</body>
</html>